
<template>
  <!-- 自定义Hooks -->
  <div>
    <!-- <img id="img" width="300" height="300"  src="./assets/test.jpg"> -->
    <!-- <A a="456" title="123"></A> -->
  </div>
  <!-- 自定义全局变量和全局函数 -->
  <div>
    <!-- {{$filters.format('我是学生')}} -->
    <!-- {{$env}} -->
  </div>
  <!-- 自定义loading插件 -->
  <div>
    <button @click="showLoading">切换</button>
  </div>

</template>

<script setup lang="ts">
import A from './components/A.vue'
import { getCurrentInstance, ComponentInternalInstance } from 'vue';
//  全局插件，任何地方都可以用
const { appContext } = getCurrentInstance() as ComponentInternalInstance
const showLoading = () => {
  console.log(appContext)
  appContext.config.globalProperties.$loading.show()
  setTimeout(() => {
    appContext.config.globalProperties.$loading.hide()
  }, 5000)
}

// import userBase64 from './hooks'

// 自定义Hooks
// userBase64({
//   el:'#img'
// }).then(res=>{
//   // console.log(res.baseUrl)
// })



</script>

<style scoped>
</style>
